<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Index</title>
</head>

<!--<script src="/webjars/jquery/3.2.1/jquery.min.js"></script>-->
<!--<script src="/webjars/Materialize/0.96.0/dist/js/materialize.min.js"></script>-->
<!--<script src="/webjars/Materialize/0.96.0/dist/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen, projection"></script>-->

<link rel="css/semantic.css">
<script type="text/javascript" src="js/semantic.min.js"></script>

<!--<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<!--<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>-->

<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">-->
<!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->


<body>

<!--<div class="row">-->
    <!--<nav>-->
        <!--<div class="nav-wrapper">-->
            <!--<a href="#!" class="brand-logo">Logo</a>-->
            <!--<ul class="right hide-on-med-and-down">-->
                <!--<li><a href="sass.html"><i class="material-icons left">search</i>Link with Left Icon</a></li>-->
                <!--<li><a href="badges.html"><i class="material-icons right">view_module</i>Link with Right Icon</a></li>-->
            <!--</ul>-->
        <!--</div>-->
    <!--</nav>-->
<!--</div>-->
<h1 class="ui header">H1</h1>
<h2 class="ui header">H2</h2>
<h3 class="ui header">H3</h3>
<h4 class="ui header">H4</h4>
<h5 class="ui header">H5</h5>

<button class="ui primary button">Save </button>
<button class="ui button">Discard </button>

<!--<div class="row">-->
    <!--<ul id="slide-out" class="side-nav">-->
        <!--<li><a href="#!"><i class="material-icons">search</i>数据查询</a></li>-->
        <!--<li><a href="#!">Second Link</a></li>-->
        <!--<li><div class="divider"></div></li>-->
        <!--<li><a class="subheader">Subheader</a></li>-->
        <!--<li><a class="waves-effect" href="#!">Third Link With Waves</a></li>-->
    <!--</ul>-->
    <!--<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>-->
<!--</div>-->

<!--<script type="text/javascript">-->
    <!--$('.button-collapse').sideNav({-->
        <!--menuWidth: 300, // Default is 300-->
        <!--edge: 'left', // Choose the horizontal origin-->
        <!--closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor-->
        <!--draggable: true, // Choose whether you can drag to open on touch screens,-->
        <!--onOpen: function(el) {  }, // A function to be called when sideNav is opened-->
      <!--onClose: function(el) {  }, // A function to be called when sideNav is closed-->
    <!--}-->
  <!--);-->
<!--</script>-->

</body>

</html>